<template>
	<view>
		<u-notice-bar :text="text1"></u-notice-bar>
		<div class="collapse">
			<u-collapse :accordion="true">
				<u-collapse-item :title="item.head" v-for="(item, index) in itemList" :key="index" :open="item.open"
					class="itemMargin">
					{{item.body}}
				</u-collapse-item>
			</u-collapse>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				text1: '该功能尚为想好怎么做,可以在下面给出你们的建议!',
				//折叠面板
				itemList: [{
					head: "1.登录选项",
					body: "登录功能因为部分原因现在只支持注册登录,游客登录即微信登录,不过不会保存用户数据",
					open: false,
					disabled: true
				}, {
					head: "2.为什么调查报告没数据?",
					body: "因为数据库那边还没有数据,功能是支持的,后续可能会开放",
					open: false,
				}, {
					head: "3.为什么功能这么少?",
					body: "因为想法很好,但是具体做什么功能还不清楚",
					open: false,
				}, {
					head: "4.将来会上线这款小程序吗?",
					body: "大概率不会,因为这款小程序还很不成熟,后续可能也不会增加什么功能",
					open: false,
				}],
			};
		}
	}
</script>

<style lang="scss">
	.collapse {
		margin-top: 10%;
	}

	.itemMargin {
		margin: 0 2% 0 2%;
	}
</style>